<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    ajax 必须通过 open with live server
    支持 http https 开通
    <ul></ul>
    <script>
        let arr=null;
        //通过ajax 将one.json 获取---4步
        //1. 创建XMLHttpRequest核心对象
        let xhr=new XMLHttpRequest;
        //2. 建立连接 open(连接方式,连接路径,同步异步)  false同步  true异步
        // 第三个参数可以省略不写 默认 true异步
        xhr.open("get","one.json",false);
        //3.注册监听 onreadystatechange事件
        xhr.onreadystatechange=function(){
            //status 状态码必须200(ok)  readyState 必须 4
            if(xhr.status===200&&xhr.readyState===4){
                //console.log(xhr.response);//获取的json数据
                //所有json格式的数据，本身都是字符串
                // 将json格式的数据变成对象 JSON.parse(XXX)/eval("("+ XXX +")")
                // 将对象---json字符串 JSON.stringify()--了解
                // console.log(JSON.parse(xhr.response));
                // console.log(eval("("+ xhr.response +")"));
                arr=JSON.parse(xhr.response)
            }
        }
        //4.发送数据send()/send(null)
        xhr.send(null);


        var ul=document.querySelector("ul");
        var str="";
        for(var i=0;i<arr.length;i++){
             let {name,age,job}=arr[i];
             str+=`<li>${name}--${age}--${job}</li>`
        }
       // console.log(str);
        ul.innerHTML=str;
    </script>
</body>
</html>